
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width; initial-scale=1, maximum-scale=1" />
    <title>会员中心</title>
    <meta name="keywords" content="筷子国际物流会员中心">
   <meta name="description" content="筷子国际物流会员中心">
    <link href="theme/css/font-awesome.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="theme/css/reset.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="theme/css/main2.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="theme/css/layer.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="theme/css/umeditor.css" rel="stylesheet" type="text/css" media="screen" />

    <script src="theme/js/jquery-1.8.3.js" type="text/javascript"></script>
    <script src="theme/js/jquery.bxslider.js" type="text/javascript"></script>
    <script src="theme/js/myscript.js" type="text/javascript"></script>
    <script src="theme/js/layer.js" type="text/javascript"></script>



    <script src="theme/js/umeditor.config.js" type="text/javascript"></script>
    <script src="theme/js/umeditor.min.js" type="text/javascript"></script>
    <script type="text/javascript" charset="utf-8" src="theme/js/zh-cn.js"></script>


    <script type="text/javascript">
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?acfcd907152856a69144073ed3a0a053";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-100059443-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-100059443-1');
    </script>


</head>

<body>
<div class="header_top">
    <div class="inner">
        <!--
            <div class="notice">
                <ul>
                    <li><i class="fa fa-volume-up" aria-hidden="true"></i>1.【公告】端午期间服务时间调整通知</li>
                    <li><i class="fa fa-volume-up" aria-hidden="true"></i>2.【公告】端午期间服务时间调整通知</li>
                    <li><i class="fa fa-volume-up" aria-hidden="true"></i>3.【公告】端午期间服务时间调整通知</li>
                    <li><i class="fa fa-volume-up" aria-hidden="true"></i>4.【公告】端午期间服务时间调整通知</li>
                </ul>
            </div>
            -->
        <style>

            .header_top{
                background:none;
            }
        </style>


        <img src="theme/picture/logo.png" alt="" style="    float: left;height: 50px;    padding: 10px 0;">
        <div class="login_box">
            <script type="text/javascript">document.write('<iframe id="myiframe" src="/index.php?m=member&c=index&a=mini&forward='+encodeURIComponent(location.href)+'&siteid=1" allowTransparency="true" style="height:30px;margin-top:13px;" frameborder="0" scrolling="no"></iframe>')</script>

        </div>
        <div class="clear"></div>
    </div>
</div>
<div id="header">
    <div class="nav_box">
        <div class="nav_bg">
            <div class="inner">
                <a class="logo" href="index.html"><img src="theme/picture/logo.png" alt="" /></a>
                <button class="mobilenav_button"><i></i><i></i><i></i></button>
                <ul class="navbar-nav">
                    <li  class="on"><a href="/">首页</a></li>
                    <li ><a href="http://www.kuaizi56.com/index.php?m=content&c=index&a=lists&catid=13">物流渠道</a></li>
                    <li ><a href="http://www.kuaizi56.com/index.php?m=content&c=index&a=lists&catid=14">新闻中心</a></li>
                    <li ><a href="http://www.kuaizi56.com/index.php?m=content&c=index&a=lists&catid=6">运费估算</a></li>
                    <li ><a href="http://www.kuaizi56.com/index.php?m=content&c=index&a=lists&catid=8">常见问题</a></li>
                    <li ><a href="http://www.kuaizi56.com/index.php?m=content&c=index&a=lists&catid=7">关于我们</a></li>
                    <li ><a href="http://www.kuaizi56.com/index.php?m=content&c=index&a=lists&catid=28">论坛中心</a></li>

                </ul>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</div>





<style type="text/css">
    .user_headimg{
        width: 100px;
        height: 100px;
        border-radius: 50%;
        margin: 10px;
        float: right;
        line-height: 100px;
        text-align: center;
    }
    .user_headimg a{
        display:none;
        text-align: center;
        background-color: #0202026e;
        padding: 8px 25%;
        color: #fff !important;
    }
</style>
<div class="banner_top"></div>

<div class="page_content">
    <div class="inner">
        <div class="member_box">
            <div class="left_nav">
                <ul>
                    <li>
                        <a class="active" href="index.php?m=member&c=index&a=init"><i class="fa fa-user" aria-hidden="true"></i>会员中心</a>
                    </li>
                    <li>
                        <a  href="index.php?m=member&c=index&a=vip_info"><i class="fa fa-vimeo" aria-hidden="true"></i>会员等级</a>
                    </li>
                    <li>
                        <a  href="index.php?m=transport&c=index&a=warehouse"><i class="fa fa-building" aria-hidden="true"></i>仓库地址</a>
                    </li>
                    <li>
                        <a  href="index.php?m=transport&c=index&a=address_list"><i class="fa fa-link" aria-hidden="true"></i>收货地址</a>
                    </li>
                    <li>
                        <a  href="index.php?m=transport&c=index&a=init"><i class="fa fa-gift" aria-hidden="true"></i>我的包裹</a>
                    </li>
                    <li>

                        <a  href="index.php?m=transport&c=index&a=outbound"><i class="fa fa-bolt" aria-hidden="true"></i>打包中</a>
                    </li>
                    <li>
                        <a  href="index.php?m=transport&c=index&a=shipping"><i class="fa fa-truck" aria-hidden="true"></i>配送中</a>
                    </li>
                    <li>
                        <a  href="index.php?m=transport&c=index&a=under"><i class="fa fa-users" aria-hidden="true"></i>我的分享</a>
                    </li>


                    <li>
                        <a  href="index.php?m=message&c=index&a=inbox"><i class="fa fa-envelope" aria-hidden="true"></i></i>站内信</a>
                    </li>

                </ul>
                <div class="clear"></div>
            </div>
            <div class="member_text">
                <div class="item">
                    <div class="user_headimg" style="background: url() no-repeat;background-size: 100%;" onmouseover="CH.show_change()" onmouseout="CH.hide_change()">
                        <a class="user_headimg_a" href="javascript:void(0);" onclick="CH.upload_btn()">更换头像</a>
                        <input class="upload_btn" style="display: none" type="file" name="upload_btn" onchange="CH.upload_headimg(this)">
                    </div>
                    <div class="user_name">您好， ERUAL<span class="orangetext">会员</span></div>
                    <div class="welcome">欢迎您回到筷子国际物流！</div>
                    <div class="timer">
                        <p>您的上一次登录时间: <span class="orangetext">2019-10-06 08:24:07</span></p>
                        <p>账户当前积分: <span class="orangetext">10000</span>&nbsp;&nbsp;&nbsp;&nbsp;<span><a href="javascript:void(0);" onclick="integral_rule();">积分规则</a></span></p>
                        <p>您的专属会员码: <span class="orangetext">ERUAL</span></p>

                        <p>您的邮箱: <span class="orangetext">
                                                                1568166759@kuaizi56.com                                                            </span>&nbsp;&nbsp;&nbsp;&nbsp;
                            <a id="bound-mailbox" href="javascript:void(0)">更改</a>
                        </p>

                        <p>您的邀请码: <span class="orangetext">http://www.kuaizi56.com/index.php?m=member&c=index&a=login&invite_code=ERUAL</span></p>
                    </div>
                </div>
                <hr>
                <div class="item">
                    <h2>您的账户</h2>
                    <p>账户余额：<span class="orangetext">0.00元</span><a class="text_button" href="/index.php?m=pay&c=deposit&a=pay">充值</a><!--<span style="font-size:20px;color:red">(充1000送30)</span>--></p>
                </div>
                <hr>
                <div class="item">
                    <h2 style="font-weight: bold;font-size: 20px;">常见问题</h2>
                    <p style="line-height: 30px;font-size: 16px;font-weight: bold;background-color: #f5f5f5;border-color: #555;border-radius: 5px;text-indent: 2em;height: 30px;top: 10px;margin-top: 10px;"><span style="color: #e2112c;font-size: 16px;font-weight: bold;">问：</span>货物可以分开购买，集中发货吗？</p>
                    <p style="font-size: 16px;text-indent: 2em;"><span style="font-size: 16px;font-weight: bold;">答：</span>筷子仓库免费仓储180天，免费拆箱，免费去除不必要包装，加固合箱到一起；</p>
                    <p style="line-height: 30px;font-size: 16px;font-weight: bold;background-color: #f5f5f5;border-color: #555;border-radius: 5px;text-indent: 2em;height: 30px;top: 10px;margin-top: 10px;"><span style="color: #e2112c;font-size: 16px;font-weight: bold;">问：</span>需要预报商品内容和价值吗？</p>
                    <p style="font-size: 16px;text-indent: 2em;"><span style="font-size: 16px;font-weight: bold;">答：</span>筷子的零预报系统帮您实现轻松转运，只用将包裹顺利寄到筷子仓库，剩余的工作由我们代劳</p>
                    <p style="line-height: 30px;font-size: 16px;font-weight: bold;background-color: #f5f5f5;border-color: #555;border-radius: 5px;text-indent: 2em;height: 30px;top: 10px;margin-top: 10px;"><span style="color: #e2112c;font-size: 16px;font-weight: bold;">问：</span>你们上门取件吗？</p>
                    <p style="font-size: 16px;text-indent: 2em;"><span style="font-size: 16px;font-weight: bold;">答：</span>我们不提供上门取件，只需要在网上购物将收件地址填写筷子仓库就可以了</p>
                    <p style="line-height: 30px;font-size: 16px;font-weight: bold;background-color: #f5f5f5;border-color: #555;border-radius: 5px;text-indent: 2em;height: 30px;top: 10px;margin-top: 10px;"><span style="color: #e2112c;font-size: 16px;font-weight: bold;">问：</span>肉制品可以邮寄吗？</p>
                    <p style="font-size: 16px;text-indent: 2em;"><span style="font-size: 16px;font-weight: bold;">答：</span>肉制品可以邮寄，不过存在小概率被扣的风险，需要亲谨慎斟酌权衡</p>
                    <p style="line-height: 30px;font-size: 16px;font-weight: bold;background-color: #f5f5f5;border-color: #555;border-radius: 5px;text-indent: 2em;height: 30px;top: 10px;margin-top: 10px;"><span style="color: #e2112c;font-size: 16px;font-weight: bold;">问：</span>货物丢失怎么赔偿？</p>
                    <p style="font-size: 16px;text-indent: 2em;"><span style="font-size: 16px;font-weight: bold;">答：</span>我们针对不同货物属性和渠道有不同的赔偿标准，如果贵重物品建议主动申报价值，并购买保险，最高赔付10万</p>
                    <p style="line-height: 30px;font-size: 16px;font-weight: bold;background-color: #f5f5f5;border-color: #555;border-radius: 5px;text-indent: 2em;height: 30px;top: 10px;margin-top: 10px;"><span style="color: #e2112c;font-size: 16px;font-weight: bold;">问：</span>哪些物品不能邮寄？</p>
                    <p style="font-size: 16px;text-indent: 2em;"><span style="font-size: 16px;font-weight: bold;">答：</span>每个国家海关标准不同，请参考当地海关限制进口的物品，也可以咨询客服</p>
                    <p style="line-height: 30px;font-size: 16px;font-weight: bold;background-color: #f5f5f5;border-color: #555;border-radius: 5px;text-indent: 2em;height: 30px;top: 10px;margin-top: 10px;"><span style="color: #e2112c;font-size: 16px;font-weight: bold;">问：</span>包裹会不会被税？</p>
                    <p style="font-size: 16px;text-indent: 2em;"><span style="font-size: 16px;font-weight: bold;">答：</span>每个国家的征税起点不同，如果包裹价值过高，是有可能被税，按照海关要求配合交税即可放行</p>


                </div>

            </div>
        </div>
    </div>
</div>

<style type="text/css">

    .show-email table td{
        color: #5a5a5a;
        padding: 10px;
        border-style:none
    }
    .show-email .left {
        text-align:right;
    }
    .show-email {
        display: none;
        width: 100%;
    }
    .show-email thead td,tfoot {
        color: #ff5a00;
        font-size: 16px;
        /*font-weight: bold;*/
        text-align: center;
    }
    .show-email table tfoot input,.show-email table tbody a{
        border: none;
        background: #ff5a00;
        padding: 10px 30px;
        cursor: pointer;
        color: #fff;
        font-size: 14px;
        border-radius: 5px;

    }
    .show-email table tbody input {
        border: 1px solid #ddd;
        border-radius: 5px;
        padding: 10px;
    }
    .submit{
        border: none;
        background: #ff5a00;
        padding: 10px 30px;
        cursor: pointer;
        color: #fff;
        font-size: 14px;
        border-radius: 5px;
    }

</style>
<script type="text/javascript">
    $(function(){
        $('#bound-mailbox').click(function(){
            layer.open({
                type: 1,
                skin: 'layui-layer-rim', //加上边框
                area: ['480px', '280px'], //宽高
                content: $('.show-email')
            });
        });


    });
    //更换头像
    var CH = {
        show_change:function(){
            var user_headimg =  document.getElementsByClassName('user_headimg_a')[0];
            user_headimg.style.display = 'inline';
        },
        hide_change:function(){
            var user_headimg =  document.getElementsByClassName('user_headimg_a')[0];
            user_headimg.style.display = 'none';
        },
        upload_btn:function(){
            $('.upload_btn').click();

        },
        upload_headimg:function(mine){
            var file_info = $(mine)[0].files[0];
            if(file_info.type != 'image/png' && file_info.type != 'image/jpeg' && file_info.type != 'image/gif' ){
                layer.alert('您选择的文件不是图片类型，请重新选择！',{icon: 2, closeBtn: 0,title:'头像上传'});
                return false;
            }
            console.log(file_info.type);
            var formData = new FormData();
            formData.append("headimg", file_info);
            $.ajax({
                url:"/index.php?m=member&a=change_headimg",
                type:"POST",
                data:formData,
                processData : false,
                contentType : false,
                dataType : 'json',
                async : false,
                success : function (result) {
                    //成功后的回调事件
                    //var Obj_result = JSON.parse(result);
                    console.log(result);
                    if(result.code == '1'){
                        $('.user_headimg').css({'background':'url('+result.data+') no-repeat','background-size':'100%'});

                    }else{
                        layer.alert(result.msg,{icon: 2, closeBtn: 0,title:'头像上传'});
                    }
                }
            })

        }


    };
</script>
<div class="show-email">
    <form action="/index.php?m=member&c=index&a=bound_mailbox" method="post">
        <table cellspacing="0">
            <thead>
            <tr>
                <td colspan="2">
                    填写正确的邮箱格式：例：xxx@.com
                </td>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td class="left">邮箱：</td>
                <td class="right">
                    <input type="email" name="email">

                </td>
            </tr>
            <!--<tr>-->
            <!--<td class="left">验证码：</td>-->
            <!--<td class="right"><input type="number" name="email_code"></td>-->
            <!--<td class="right"><a href="javascript:void(0)">发送邮箱验证</a></td>-->
            <!--</tr>-->
            </tbody>
            <tfoot>
            <tr>
                <td></td>
                <td style="    text-align: left;">
                    <input type="submit" name="dosubmit" value="绑定邮箱">
                </td>
            </tr>
            </tfoot>
        </table>
    </form>
</div>



<link href="theme/css/umeditor.css" type="text/css" rel="stylesheet">

<script type="text/javascript" charset="utf-8" src="theme/js/umeditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="theme/js/umeditor.min.js"></script>
<script type="text/javascript" src="theme/js/zh-cn.js"></script>


<div style="clear:both"></div>

<div class="links_box" >
    <div class="inner">
        <div class="page_title">
            <h3>友情链接</h3>
            <div class="line"></div>
        </div>
        <div class="item_box">

        </div>
        <div class="clear"></div>
    </div>
</div>


<div class="footer">
    <section class="footer-about">


        <div class="footer-about-logo">
            <div style="float: left;    margin-right: 10px;"><img src="theme/picture/gongzhonghao_qr.jpg">
                <div>关注公众号：kuaizi-express</div>
            </div>
            <div><img style="width: 125px" src="theme/picture/kefu_qr.jpg">
                <div>联系客服： kuaizi_56						</div>
            </div>


        </div>
        <div class="footer-about-main">
            <ul>

                <li><a href="http://wpa.qq.com/msgrd?v=3&uin=1801777617&site=qq&menu=yes" target="_blank">联系客服</a></li>

                <li><a href="index.php?m=content&c=index&a=lists&catid=23">合作伙伴</a></li>
                <li><a href="index.php?m=content&c=index&a=lists&catid=22">法律声明</a></li>
                <li><a href="index.php?m=content&c=index&a=lists&catid=21">隐私保护条款</a></li>
                <li><a href="index.php?m=content&c=index&a=lists&catid=20">服务协议</a></li>
                <li><a href="index.php?m=content&c=index&a=lists&catid=7">关于我们</a></li>
            </ul>
            <p>Copyright©2012-2018 kuaizi56.com All Right Reseved 鄂ICP备19002714号</p>
            <p><!-- <img src="themes/lete/img/icon/beian_icon.png"> -->筷子国际 版权所有</p>
        </div>
        <p class="footer-about-p">筷子国际是全球最大的海外华人代购中国商品的专业网站，专为海外华侨华人留学生提供代购淘宝、京东、
            当当等中国购物网站商品，如：图书、特产、零食等各类商品代购；支持Paypal、支付宝等多种安全支付方式。
            筷子国际目前在美国、英国、新加波、澳洲、加拿大等国的全球华人代购和留学生代购市场中都有着超好的口碑。</p>
        <!-- <div class="footer-about-img">
            <img src="themes/lete/img/icon/wangzhan1_icon.png">
            <img src="themes/lete/img/icon/wangzhan2_icon.png"/>
            <img src="themes/lete/img/icon/wangzhan3_icon.png">
        </div> -->
    </section>
</div>


<!--


<div id="footer">
<div class="footer_top">
    <div class="top_bg">
        <div class="inner">
            <div class="top_box">
                <div class="contact">
                    <ul>
                        <li><i class="fa fa-weixin" aria-hidden="true"></i>kuaizi-express</li>
                        <li><i class="fa fa-qq" aria-hidden="true"></i>1801777617</li>
                        <li><i class="fa fa-phone" aria-hidden="true"></i>+86 177-6421-5771</li>
                        <li><i class="fa fa-envelope" aria-hidden="true"></i>kuaizi56@gmail.com</li>
                        <li><i class="fa fa-map-marker" aria-hidden="true"></i>武汉市白沙洲街道陆家街290号中邮物流局筷子国际仓库</li>
                    </ul>
                </div>
                <div class="follow">
                    <ul>
                        <li class="jin"><img src="/skin/images/code_1.jpg">
                            <div class="name">金筷子：kuai_56</div>
                        </li>
                        <li class="yin"><img src="/skin/images/code_2.jpg">
                            <div class="name">银筷子：kuaizisister</div>
                        </li>
                        <li class="tong"><img src="/skin/images/code_3.jpg">
                            <div class="name">铜筷子：kzagent</div>
                        </li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</div>
<div class="footer_bottom">


    <div class="inner">
    <div class="copy">Copyright &copy; 2017 筷子国际 All Rights Reserved 版权所有</div>
    <div class="sub_copy">鄂ICP备17005306号</div>
    </div>
</div>
</div>
-->
<Style>
    .kz_conct {
        position: fixed;
        z-index: 9999999;
        right:-127px;
        top: 200px;
        cursor: pointer;
        transition: all .3s ease;
    }
    .kz_bar ul li {
        width: 180px;
        height: 53px;
        font: 16px/53px 'Microsoft YaHei';
        color: #ff4a00;
        text-indent: 54px;
        margin-bottom: 3px;
        border-radius: 3px;
        transition: all .5s ease;
        overflow: hidden;
        background: #fff;
        border:1px solid #ff4a00;

    }
    .kz_bar i {
        height:53px;
        width:53px;
        text-align:center;
        font-size:26px;
    }
    .kz_bar .kz_top {
        text-indent: 0;

    }
    .kz_bar .kz_cart {
        text-indent: 0;
    }
    .kz_bar .kz_phone {
        text-indent: 0;
    }
    .kz_bar .kz_QQ {
        text-indent: 0;
    }
    .kz_bar .kz_ercode {
        /*height:200px;*/
        text-indent: 0;
    }
    .hd_qr {
        padding: 0 29px 25px 29px;
    }
    .kz_QQ a {
        text-indent: 54px;
        width: 100%;
        height: 100%;
        color: #ff4a00;
    }

    .erweima{
        width:125px;
        margin:0 auto;
    }
    .kz_cart a {color:#ff4a00}
    .sum_pack{
        border-radius: 10px;
        background-color: #ff4a00;
        color: #fff;
        width: 20px;
        height: 20px;
        line-height: 18px;
        text-align: center;
        margin: 0 auto;
        position: absolute;
        top: 60px;
        left: 33px;
        display:none;
    }

</Style>
<div class="kz_conct">
    <div class="kz_bar">
        <ul>
            <li class="kz_top"><i class="fa fa-caret-up" aria-hidden="true"></i>返回顶部</li>
            <li class="kz_cart"><i class="fa fa-shopping-bag"></i><span class="sum_pack">0</span><a
                    href="/index.php?m=member&c=index&a=login">我的包裹</a></li>
            <li class="kz_phone"><i class="fa fa-phone"></i>400-668-5056（非免费）</li>

            <li class="kz_QQ">
                <i class="fa fa-github-alt"></i>
                <a target="_blank" href="javascript:void(0);" onclick="customer_service()" title="即刻发送您的需求">联系客服</a>
            </li>

            <li class="kz_QQ">
                <i class="fa fa-qq"></i>
                <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1801777617&site=qq&menu=yes" title="即刻发送您的需求">在线咨询</a>
            </li>
            <li class="kz_ercode" style="height:53px;"><i class="fa fa-wechat"></i>微信客服 <br>
                <div class="erweima">
                    <img class="kz_qr" src="http://www.kuaizi56.com/statics/images/admin_img/QR/kefu_QR.jpg" width="125"
                         alt="关注微信">
                </div>
            </li>

        </ul>
    </div>
</div>




<!--聊天系统	开始-->

<style type="text/css">
    .clear{
        clear: both;
    }
    .chat-window {
        width: 700px;
        height: 505px;
        background: #fff;
        border: 1px solid #40b3ff;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 2018;
        box-shadow: 0 0 21px #888888;
        border-radius: 5px;
    }

    .chat-window .title-top {
        height: 35px;
        width: 100%;
        text-shadow: 0 1px 0 rgba(18, 91, 167, .7);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#40b3ff), to(#75a6da));
        border-bottom: 1px solid #699bd1;
        color: #fff;
        cursor: move;
        text-align: center;
        line-height: 35px;
    }
    .chat-window .title-top span {
        font-size: 16px;
        font-family: -webkit-pictograph;
    }
    .aui_close {
        padding: 0;
        top: 3px;
        right: 3px;
        width: 21px;
        height: 21px;
        line-height: 21px;
        font-size: 18px;
        color: #fff;
        text-align: center;
        font-family: Helvetica, STHeiti;
        _font-family: '\u9ed1\u4f53', 'Book Antiqua', Palatino;
        text-shadow: 0 1px 0 rgba(18, 91, 167, .9);
        position: absolute;
        text-decoration: none;
        outline: none;
    }

    .chat-window .main-box {
        width: 100%;
        height: calc(100% - 30px);
    }



    .chat-window .main-box .main-box-left {
        float: left;
        width: 70%;
        /*border: 1px solid #1e6bbc;*/
        height: 100%;

    }
    .chat-window .main-box .main-box-right {
        float: left;
        width: 30%;
        border-left: 1px solid #40b3ff45;
        height: 99%;
    }
    .chat-window .main-box .main-box-left .main-box-left-up{
        width: 100%;
        height: 70%;
        background: #fff;
    }
    .chat-window .main-box .main-box-left .main-box-left-down{
        width: 100%;
        height: 30%;

    }

    .edui-container .edui-toolbar{
        box-shadow:none;
        border-top: 1px solid #e1e1e1;
    }
    .edui-container{
        border: none;
        box-shadow:none;
    }
    .chat-window .main-box .main-box-left .main-box-left-down .operation{
        text-align: right;
        padding: 0 20px;
    }
    .chat-window .main-box .main-box-left .main-box-left-down .operation button{
        width: 60px;
        height: 25px;
        cursor: pointer;
    }
    .chat-window .main-box .main-box-left .main-box-left-down .operation button.send{
        text-shadow: 0 1px 0 rgba(18, 91, 167, .7);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#40b3ff), to(#75a6da));
        color: #fff;
        border: 1px solid #40b3ff;
        outline:none;
    }
    .chat-window .main-box .main-box-left .main-box-left-down .operation button.send:hover{
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#40b3ff), to(#d5e1f2));
    }
    .chat-window .main-box .main-box-left .main-box-left-down .operation button.close{
        text-shadow: 0 1px 0 #333;
        background: #fff;
        color: #999;
        border: 1px solid #ccc;
        outline:none;
    }
    .chat-window .main-box .main-box-left .main-box-left-down .operation button.close:hover{
        background:#ccc;
        color: #fff;
    }

    .main-box .main-box-left-up .content{
        overflow-y: auto;
        width: 100%;
        height: 100%;
        padding: 10px;
    }
    .main-box .main-box-left-up .content::-webkit-scrollbar,#myEditor::-webkit-scrollbar {
        width: 6px;
        background-color: rgba(217,217,217,0.3);
    }
    .main-box .main-box-left-up .content::-webkit-scrollbar-thumb,#myEditor::-webkit-scrollbar-thumb {
        background-color: rgba(217,217,217,0.3);
        border-radius: 6px;
    }
    .main-box .main-box-left-up .content::-webkit-scrollbar-track,#myEditor::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(217,217,217,0.3);
        background-color: #fff;
    }

    .main-box .main-box-left-up .content .sendtime{
        text-align: center;
        margin-top: 10px;
        color: #ccc;
    }

    .main-box .main-box-left-up .content li{
        margin: 10px 0;
    }
    .main-box .main-box-left-up .content .left .headimg,.main-box .main-box-left-up .content .left .infos{
        float: left;
    }
    .main-box .main-box-left-up .content .right .headimg,.main-box .main-box-left-up .content .right .infos{
        float: right;
    }
    .main-box .main-box-left-up .content .headimg img{
        width: 30px;
        height: 30px;
        border-radius: 50%;
    }
    .main-box .main-box-left-up .content .infos{
        padding: 0 10px;
        max-width: calc(100% - 60px);
    }
    .main-box .main-box-left-up .content .left .infos .nickname{
        padding-bottom: 5px;
        text-align: left;
    }
    .main-box .main-box-left-up .content .right .infos .nickname{
        padding-bottom: 5px;
        text-align: right;
    }
    .main-box .main-box-left-up .content .infos .msg{
        padding: 10px 10px;
        border-radius:5px;
        color: #16476b;
        box-shadow: 1px 1px 4px #0000004a;
        background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ffffff));
    }
    .edui-container{
        width: 100% !important;
    }
    #myEditor{
        width: 100% !important;
    }




</style>

<div class="chat-window" id="chat_window" style="display: none" oncontextmenu="return false">
    <div class="title-top" id="title_top"  oncontextmenu="return false" ondragstart="return false" onselectstart="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false">
        <span></span>
        <a class="aui_close" href="javascript:/*artDialog*/;" onclick="chat_window_close(this)" style="display: block;">×</a>
    </div>
    <div class="main-box">
        <div class="main-box-left">
            <div class="main-box-left-up">
                <div class="content">
                    <ul id="chat_box">

                    </ul>
                </div>
            </div>
            <div class="main-box-left-down" style="position: relative">
                <div type="text/plain" id="myEditor" style="width:100%;height:70px;min-height: 70px;font-size: 12px;"></div>

                <div class="operation">
                    <button class="close">关闭</button>
                    <button id="send" class="send" onclick="sendContent()">发送</button>
                </div>
            </div>
        </div>
        <div class="main-box-right">
            <div>
                <img style="width: 100%;margin-top: 20px;" src="theme/picture/leftrb.png">
                <img style="width: 100%;margin-top: 20px;" src="theme/picture/rightb.png">
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>


<!--聊天系统 结束-->

<script type="text/javascript">
    var um = UM.getEditor('myEditor',{
        toolbar: ['emotion']
    });
</script>


<script>
    $(function() {
        // 悬浮窗口
        $(".kz_conct").hover(function() {
            $(".kz_conct").css("right", "5px");
            $(".kz_bar .kz_ercode").css('height', '200px');
            $('.kz_bar ul li').css('width','250px')
        }, function() {
            $(".kz_conct").css("right", "-127px");
            $(".kz_bar .kz_ercode").css('height', '53px');
            $('.kz_bar ul li').css('width','180px')
        });
        // 返回顶部
        $(".kz_top").click(function() {
            $("html,body").animate({
                'scrollTop': '0px'
            }, 300)
        });

        $.getJSON("http://www.kuaizi56.com/index.php?m=member&c=check_sumpack&a=init&jsoncallback=?", function(data){
            if(data != 'false'){
                $('.sum_pack').html(data);
                $('.sum_pack').show(); //显示div


            }else{
                $('.sum_pack').hide();
            }
        });


    });

    function Chatkefu(){
        this.timer = [];
        this.int = function () {
            var CKthis = this;
            $.ajax({
                url:'/index.php?m=content&c=index&a=customer_service',
                type:'POST',
                success:function(data){
                    $('#chat_window').show();
                    clearInterval(CKthis.timer['timer1']);
                    CKthis.getKefuChat();
                }
            })
        };
        this.getKefuChat = function(){
            var time = 1000;
            var islogin = "19324";

            if(!islogin) return false;
            var i = 0;
            this.timer['timer1'] = setInterval(function(){
                i ++;
                var ele = '';
                $.ajax({
                    url:'/index.php?m=content&c=index&a=get_kefu_chat',
                    type:'POST',
                    data:{i:i},
                    success:function(data){
                        var jsonobj = JSON.parse(data);
                        var chat_info = jsonobj['chat'];
                        if(data == '1001') return false;

                        for (var k in chat_info) {

                            if (chat_info[k]['type'] == '0') {
                                ele += '<li class="right"><p class="sendtime">'+chat_info[k]['sendtime']+'</p>' +
                                    '<div class="headimg">' +
                                    '<img src="' + chat_info[k]['headimg'] + '">' +
                                    '</div>' +
                                    '<div class="infos">' +
                                    '<p class="nickname">' + chat_info[k]['username'] + '</p>' +
                                    '<div class="msg">' + chat_info[k]['content'] + '</div>' +
                                    '</div>' +
                                    '<div class="clear"></div>' +
                                    '</li>';
                            } else {

                                ele += '<li class="left"><p class="sendtime">'+chat_info[k]['sendtime']+'</p>' +
                                    '<div class="headimg">' +
                                    '<img src="' + chat_info[k]['kefu_headimg'] + '">' +
                                    '</div>' +
                                    '<div class="infos">' +
                                    '<p class="nickname">' + chat_info[k]['kefu_name'] + '</p>' +
                                    '<div class="msg">' + chat_info[k]['content'] + '</div>' +
                                    '</div>' +
                                    '<div class="clear"></div>' +
                                    '</li>';
                            }

                        }
                        $('#title_top span').text('客服：'+jsonobj['kefu']['realname']);
                        $('#chat_box').empty();
                        $('#chat_box').append(ele);
                        $('.main-box-left-up .content').scrollTop($('.main-box-left-up .content')[0].scrollHeight);
                    }
                });
            },time);
        };
        this.sendContent = function(){
            var hasContents = UM.getEditor('myEditor').hasContents();
            var getContent = UM.getEditor('myEditor').getContent();
            if(!hasContents){
                layer.tips('内容为空', '#send', {
                    tips: [1, '#0FA6D8'] //还可配置颜色
                });
                return false;
            }

            $.ajax({
                url:'/index.php?m=content&c=index&a=ajax_kefu_chat',
                type:'POST',
                data:{content:getContent},
                success:function(data){
                    switch (data) {
                        case '1000':
                            layer.alert('您还没有登陆!');
                            break;
                        case '1':
                            UM.getEditor('myEditor').setContent('');
                            break;
                    }
                }
            });
        }
        this.chatWindowClose = function(mine){
            $(mine).parents('#chat_window').hide();
            clearInterval(this.timer['timer1']);
        }
    }

    var CK = new Chatkefu();
    //启动聊天窗口
    function customer_service(){
        CK.int();
    }
    //聊天室发送消息
    function sendContent(){
        CK.sendContent();
    }
    //关闭聊天窗口
    function chat_window_close(mine) {
        CK.chatWindowClose(mine);
    }

</script>
<script type="text/javascript">
    //移动备注窗口
    var oDiv = document.getElementById("chat_window");
    var oDiv2 = document.getElementById("title_top");
    oDiv2.onmousedown=function(ev)
    {
        var oEvent = ev || event;
        var disX = oEvent.clientX - oDiv.offsetLeft;
        var disY = oEvent.clientY - oDiv.offsetTop;
        document.onmousemove=function (ev)
        {
            oEvent = ev || event;
            oDiv.style.left = oEvent.clientX -disX+"px";
            oDiv.style.top = oEvent.clientY -disY+"px";
        }
        document.onmouseup=function()
        {
            document.onmousemove=null;
            document.onmouseup=null;
        }

    }
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KCZ5MF2');</script>
<!-- End Google Tag Manager -->




<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KCZ5MF2"
                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

</body>

</html>
